{% extends 'base.html' %}
{% block content %}
    <div class="tab1">
    <!--将登陆信息放到一个form中-->
    <center>
     <h1>用户登录</h1><br><br>
    <form method="POST">
        <label>用户名：</label>
        <input type="text" name="username" placeholder="请输入用户名" width="30" /><br/><br/>
        <label>密&nbsp&nbsp 码：</label>
        <input type="password" name="password"  placeholder="请输入密码（小于12位）"  width="30" /><br/>
         <!--jinja2的函数-->
        {% if message %} {{message}} {% endif %}
        <br/>
        <input type="submit" value="登录" />&nbsp&nbsp&nbsp
        <input type="reset" value="重置" />&nbsp&nbsp
        <!--跳转到register的页面-->
        <a href="{{ url_for('register') }}" rel="external nofollow" >注册</a>
    </form>
    </center>
    </div>
{% endblock %}

{% block js %}
  <style type="text/css">
      .tab1 {
          width: 300px;
          height: 300px;
          margin-top: 120px;
          margin-left: 380px;
          padding-top: 25px;
          border: 1px solid lightblue;
          background-color: whitesmoke;
      }
  </style>
{% endblock %}


